<template>
  <div id="app">
    <dv-full-screen-container ref="fullScreen" :key="key">
      <router-view></router-view>
    </dv-full-screen-container>
  </div>
</template>

<script>

export default {
  name: 'App',
  components: {

  },
  data() {
    return {
      key : 1,
    }
  },
  methods: {
    pieOutlineFunc () {
      var _this=this
      window.addEventListener('resize', function(e){
        _this.$nextTick(()=>{
          _this.key++
        })
      })
    }
  },
  mounted() {
    this.pieOutlineFunc()
  }
}
</script>

<style>
  #app{
   background-image: url("@/assets/images/bg.png");
   width: 100vw;
   height: 100vh;
    /* overflow: hidden; */
	}
  #dv-full-screen-container{
    display: flex;
    /* align-items: center; */
    justify-content: center; 
  }
</style>
